<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:c="http://java.sun.com/jsp/jstl/core"
      xmlns:fn="http://java.sun.com/jsp/jstl/functions">


    <ui:composition template="../template/common.xhtml" >
        <ui:define name="topComponents">
            <ul class="nav">
                <li class="active"><a href="#">Home</a></li>
                <li><a href="#">Link</a></li>
                <li><a href="#">Link</a></li>
            </ul>
            <ul class="nav pull-right">
                <li class="dropdown">
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">admin <b class="caret"></b></a>
                    <ul class="dropdown-menu">
                        <li><a href="#">Another action</a></li>
                        <li><a href="#">Something else here</a></li>
                        <li class="divider"></li>
                        <li class="nav-header">Nav header</li>
                        <li><a href="#">Separated link</a></li>
                        <li><a href="#">One more separated link</a></li>
                        <li class="divider"></li>
                        <li><h:commandLink value="Logout" action="#{securityCtrl.logout()}" /></li>
                    </ul>
                </li>
            </ul>
        </ui:define>
        <ui:define name="content">
            <h:form>
                <h:outputLabel value="Id" />
                <div class="input-prepend">
                    <span class="add-on">Id</span>
                    <h:inputText value="#{customerCtrl.customer.id}" />
                </div>
                <h:outputLabel value="password" />
                <h:inputSecret value="#{customerCtrl.customer.password}">
                </h:inputSecret>
                <h:outputLabel value="phone" />
                <h:inputText value="#{customerCtrl.customer.phone}" label="Phone:">
                </h:inputText>
                <h:outputLabel value="email" />
                <h:inputText value="#{customerCtrl.customer.email}" />
                <h:outputLabel value="address" />
                <h:inputText value="#{customerCtrl.customer.address}" />
                <h:outputLabel value="skype" />
                <h:inputText value="#{customerCtrl.customer.skype}" />
                <h:commandButton value="Create" action="${customerCtrl.create}" />
                <h:commandButton value="Delete" action="${customerCtrl.delete}" />
            </h:form>
        </ui:define>
    </ui:composition>

</html> 

